/*首页层叠样式*/
*{
    margin:0;
    padding:0;
}
body {
    margin:0 auto;
    padding:0;
}
.container,header,.content,footer,.header_nav{
    width:1200px;
    display:block;
    padding:0;
}
/*图片移动特效*/
.imggray:hover{
    display: block;
    opacity: 0.95;
}
.imggray img{
    width: 100%;
    height: 100%;
}
.hot_img_a a{
    width: 300px;
    height: 400px;
    display: block;
}
.hot_img_b1 a,.hot_img_b2 a,.hot_img_b3 a{
    width: 300px;
    height: 200px;
    display: block;
}
#carousel1 span a,#carousel2 span a{
    width:240px;
    height: 150px;
    display: block;
}
#carousel1 span img,#carousel2 span img{
    width: 100%;
    height: 100%;
}
/*---------------------------------------------------------------------------页头灰色导航栏*/
.header_nav{
    width: 100%;
    display: flex;
    height:30px;
    line-height: 30px;
    background: #E4E4E4;
    color:#333333;
}
.header_nav_left{
    float: left;
    flex: 1;
    margin-left:10px;
}
.header_nav_right{
    float: right;
    flex: 2;
}
.header_nav_ul{
    float:right;
}
.header_nav_ul li{
    float: left;
    padding:0 12px;
    display:block;
}
.btn-group,.btn-toggle{
    display: block;
    height:30px;
}
.dropdown-menu{
    float:left;
    width:100%;
    height:60px;
    min-width:90px;
    margin:0;
    padding: 0;
    border-radius: 0;
    border-top:0;
    text-align: center;
}
.header_nav_ul a{
    color:#333333;
}
.header_nav_ul a:active{
    color:#DC0034;
}
.dropdown-menu li a:hover{
    background: none;
    color:#DC0034;
}
.dropdown-menu li,.dropdown-menu li a{
    float:left;
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    margin:0;
    padding: 0;
}
/*--------------------------------------------------------------------页头LOGO、搜索框、扫码关注*/
.header_lsm{
    display: flex;
    height:140px;
    color:#363636;
}
.header_div_logo{
    flex: 1;
    background:white;
}
.div_logo_img{
    display: block;
    margin-top:10px;
}
.div_logo_down{
    margin-top: 10px;
    display: block;
    height:40px;
    line-height: 44px;
    padding-left:20px;
    background: #363636;
    color:white;
    font-size: 1.1em;
}
.glyphicon-th-large{
    margin-right:5px;
    font-size: 1.3em;
}
.header_div_search{
    flex: 4;
    background: white;
}
.header_search{
    display: flex;
    width:50%;
    height:40px;
    line-height:40px ;
    margin-left:25%;
    margin-top: 40px;
    padding-left:1px ;
    background: #DC0034;
    border-radius:4px;
}
.search_input{
    flex: 4;
    height:38px;
    margin-top:1px;
    padding-left:10px ;
    border-radius: 0;
    box-sizing: border-box;
    border:1px solid #DC0034;
}
.search_input:focus{
    outline: none;
    color:#363636;
}
.btn_search {
    flex:1;
    height:40px;
    background: #DC0034;
    color:white;
    text-align: center;
    font-size: 1.2em;
    border-radius:4px;
}
.header_search_about{
    width:50%;
    height:40px;
    line-height: 40px;
    margin-left:25%;
}
.header_search_about a{
    color:#757575;
    font-size:0.8em;
    margin:0 6px;
}
.header_search_about a:hover{
    color:#DC0034;
    text-decoration: none;
    font-weight: bold;
}
.header_div_weixin{
    flex: 1;
    text-align: right;
    background: white;
}
.header_div_weixin span{
    margin-left:60px;
    display: block;
    text-align: center;
    font-size: 0.8em;
    color:#757575;
}
.span_special{
    width: 70px;
    height: 70px;
}
.header_div_weixin span img{
    width: 100%;
}
.div_weixin_logo{
    margin-left:40px;
    margin-top:20px;
    margin-bottom: 10px;
}
/*------------------------------------------------------------------------------网页中间内容*/
/*------------------------------------------------------------------侧栏导航*/
.content_nav_carousel{
    display: flex;
    height:500px;
}
.content_nav{
    width:200px;
    background: #5E5E5E;
}
.content_nav_left{
    float: left;
    display: block;
    height:50px;
    line-height: 50px;
    font-size: 1.1em;
    color:white;
}
.content_nav_left li{
    float: left;
    display: block;
    width:200px;
    height:50px;
    padding-left:20px;
    list-style: none;
}
.glyphicon-menu-right{
    float:right;
    line-height: 50px;
    margin-right:20px;
}
.content_nav_left li:hover{
    background:#CC0000;
    padding-left: 30px;
}
.content_nav_right{
    float:right;
    display:none;
    z-index: 7;
    width:200px;
    height:500px;
    border-radius: 0;
    margin-left:200px;
    padding: 10px 0;
    position:absolute;
    font-size: 1.2em;
    background: white;
}
.content_nav_right ul{
    display:none;
    width:100%;
    position: absolute;
}
.content_nav_right li{
    list-style: none;
}
.content_nav_right li a{
    display: block;
    padding: 0 20px;
    height:60px;
    line-height: 60px;
    color:#000000;
}
.content_nav_right li a:hover{
    padding-left:30px;
    color: #CC0000;
    text-decoration: none;
}

/*-------------------------------------------------------------------轮播组件*/
.content_carousel{
    flex: 5;
}
/*------------------------------------------------------------------广告栏*4*/
.content_banner{
    float:left;
    background:white ;
    margin-top:10px;
    height:200px;
}
.content_banner_img{
    float:left;
    margin:10px 20px 0 0;
}
.content_banner_img:last-child{
    margin-right:0;
}
.content_banner_img:hover{
    margin-top:5px;
    box-shadow: 0 4px 8px gray;
}
/*---------------------------------------------------------------新品上架*/
.content_new{
    float: left;
    height:730px;
}
.content_new_title{
    background:#F2F2F2;
    height:50px;
    line-height: 50px;
    margin:20px 0 30px 0;
    font-size: 1.4em;
}
.new_title_left{
    float: left;
    margin-left:10px;
    font-weight: bold;
}
.new_title_right{
    float: right;
    margin-right:10px;
    color:#666666;
}
.new_title_right:hover{
    color:#666666;
}
.new_lookmore{
    float: right;
    margin-top:13px;
    margin-left:2px;
    display: block;
    width: 24px;
    height: 24px;
    background:#AEAEAE;
    border-radius: 12px;
    font-size:16px;
    padding:4px;
}
.new_lookmore span{
    float:left;
    color:#F2F2F2;
}
.content_new_img{
    display: flex;
    margin-top:30px;
    height:500px;
    background: black;
}
.new_img_a{
    flex: 3;
}
.new_img_b{
    flex: 7;
}
.new_img_b1{
    float:left;
}
.new_img_b2{
    float:left;
}
.new_img_b3{
    float:left;
}
.new_font_b,.new_font_a{
    float:left;
    margin-top:80px;
    margin-left:24px;
    position: absolute;
    font-weight: bold;
    font-size: 1.4em;
    color:orangered;
}
.new_font_a{
    margin-top:110px;
    margin-left:140px;
    font-size: 1.6em;
    font-weight:bold;
}
.new_banner{
    float: left;
    height:100px;
    margin-top:30px;
}
/*-------------------------------------------------------------热销商品*/
.content_hot{
    float:left;
    width:100%;
    height:780px;
}
.content_hot_title{
    background:#F2F2F2;
    height:50px;
    margin:20px 0 20px 0;
}
.hot_title_bottom{
    float:left;
    width:100%;
    height:40px;
    border-bottom: 1px solid red;
}
.hot_title_left{
    float: left;
    margin-top: 14px;
    padding-left: 8px;
    height:22px;
    margin-left:10px;
    border-left:2px solid red;
    font-size: 1.4em;
}
.hot_title_right{
    float: right;
    margin-top:19px;
    margin-right:10px;
    font-size:1.0em;
}
.hot_title_right a{
    color:#666666;
    margin:0 5px;
}
.hot_title_right a:hover {
    text-decoration: none;
    color: #CC0000;
}
.hot_img{
    float:left;
    width:100%;
    height:400px;
    display: flex;
    background: black;
}
.hot_img_a{
    float:left;
    flex:1
}
.hot_img_b{
    float:left;
    flex:3;
}
.hot_img_b1,.hot_img_b2,.hot_img_b3{
    float:left;
}
.hot_font_b,.hot_font_a{
    float:left;
    margin-top:62px;
    margin-left:28px;
    position: absolute;
    font-weight: bold;
    font-size: 1.4em;
    color:orangered;
}
.hot_font_a{
    margin-top:86px;
    margin-left:110px;
    font-size: 1.6em;
    font-weight:bold;
}
/*-------------------------------------------------------------------------------------------广告轮播组2*/
.hot_carousel {
    float: left;
    width: 100%;
    margin: 20px 0 30px 0;
    height: 150px;
    display: flex;
}
.hot_carousel_div{
    float:left;
    width:1200px;
    margin-left:-38px;
}
.carousel_div_img{
    width:1200px;
    position: absolute;
}
@keyframes first {
    0%{opacity: 0.1;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}
.carousel_div_img span{
    float: left;
    display: block;
    background:black;
}
.carousel_div_img span:hover{
    opacity: 0.5;
}
#carousel2{
    display: none;
}
.hot_controls_left{
    float:left;
    width:40px;
    height:60px;
    margin-top:45px;
    line-height: 60px;
    text-align: center;
    font-size:30px;
    color:#D7D7D7;
    background: #5E5E5E;
    opacity: 0.7;
    z-index: 7;
}
.hot_controls_right{
    float:right;
    width:40px;
    height:60px;
    margin-top:45px;
    line-height: 60px;
    text-align: center;
    font-size:30px;
    color:#D7D7D7;
    background: #5E5E5E;
    opacity: 0.7;
    z-index: 7;
}
.hot_controls_right span{
    float:left;
    margin-left:5px;
}
.hot_banner{
    float:left;
    width:100%;
}
/*------------------------------------------------------------------------------页尾*/
.footer_service{
    float:left;
    width:100%;
    height:50px;
    line-height: 50px;
    display: flex;
    margin-top:50px;
    background:#363636;
    font-size:1.2em;
}
.service_flex{
    flex:1;
}
.footer_nav{
    display: flex;
}
.footer_nav a{
    float:left;
    flex: 1;
    margin-top:10px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color:white;
}
.footer_nav a:hover{
    background:#CC0000;
    text-decoration: none;
}
.ontop{
    float: left;
    text-align: right;
}
.ontop_div{
    float: right;
    width:120px;
    line-height: 50px;
    text-align:left;
    background:#CC0000;
    color: white;
}
.glyphicon-menu-up{
    float:left;
    margin:13px 2px 13px 12px;
    font-size:24px;
}
.footer_message{
    float: left;
    margin-top:10px;
    width:100%;
    text-align: center;
    height:100px;
    padding-top:10px;
    border-top:1px solid #D7D7D7;
}
.footer_message span{
}